<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="01login.css">
</head>

<body>
    <!-- 1.头像 -->
    <img src="Photo/百花女孩.jpg" alt="" id="headphoto"><br>
   

    <!--2.input标签实现输入用户密码 -->
    <div class="p1input">
        <font style="color:rgb(248, 253, 255);opacity: 0.9;"> 用 户 : </font><input type="text" placeholder=" 软开193曹嘉雯">
        <br>
        <font style="color:rgb(250, 240, 240);opacity: 0.9;">密 码 : </font><input type="password" name=""id="" placeholder=" 5720191601">
    </div>
    <br>


    
    <!-- 3.button和a标签实现点击按钮页面跳转 -->
    <div class="p1btn">
        <button class="btn">
        <a href="02logining.html" class="login">
        <font style="font-size: 25px;"> 上 岸 </font>
        </a> 
        </button> 
    </div>
    

    <!-- 4.这里提供其他方式进入，由于小圆能力有限这里仅提供了点击进入功能 -->
    <div class="p1word">---Other ways to enter---</div>
    <div class="p1logo">
        <a href="02.上岸中.html"><img src="Photo/微信logo.png" alt="" class="logo"></a>
        <a href="02.上岸中.html"><img src="Photo/qqlogo.png" alt="" class="logo"> </a>
        <a href="02.上岸中.html"><img src="Photo/QQ邮箱.png" alt="" class="logo"> </a>
        <a href="02.上岸中.html"><img src="Photo/github.png" alt="" class="logo"> </a>
    </div>
    
    <!-- 用audio标签插入音频 -->
    <audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>
        <source src="/Audio/01紫罗兰ED.mp3" />
    </audio>
</body>

</html>